<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <div class="box">
        <!-- 内容 -->
        <div class="cont">
            <!-- 导航 -->
            <div class="nav">
                <div class="nav-log">
                    <img src="./1.png" alt="">
                </div>
                <div class="search-box">
                    <form class="search-form" report-submit="false" bindsubmit="" bindreset="">
                        <label class="search-label" for="">
                            宝贝 v
                        </label>
                        <input class="search-input" placeholder="请输入关键字">
                        <button class="search-btn">搜索</button>
                    </form>

                    <p class="search-a">
                        <a>新款连衣裙</a>

                        <a>四件套</a>

                        <a>潮鞋T恤</a>

                        <a>时尚女鞋</a>

                        <a>短裤</a>

                        <a>半身裙</a>

                        <a>男士外套</a>

                        <a>墙纸</a>

                        <a>行车记录仪</a>

                        <a>新款男鞋</a>

                        <a>耳机</a>

                        <a>时尚女包</a>

                        <a>沙发</a>
                    </p>
                </div>
                <div class="hongbao">
                    <img src="./2.png" alt="">
                </div>
            </div>
            <div class="shangcheng">
                <ul>
                    <li>
                        主题商城
                    </li>
                    <li class="tianmao">
                        天猫
                    </li>
                    <li class="juhuasuan">
                        聚划算
                    </li>
                    <li class="tianmaochaoshi">
                        天猫超市
                    </li>
                    <li class="sifa">
                        丨
                    </li>
                    <li class="sifa">
                        司法拍卖
                    </li>
                    <li class="sifa">
                        飞猪旅行
                    </li>
                    <li class="sifa">
                        天天特卖
                    </li>
                    <li class="sifa">
                        淘小铺
                    </li>
                    <li class="sifa">
                        丨
                    </li>
                    <li class="sifa">
                        造点新货
                    </li>
                    <li class="sifa">苏宁易购</li>
                    <li class="sifa">淘宝心选</li>
                    <li class="sifa">智能生活</li>
                </ul>
            </div>
            <div class="zhuti-left">
                <ul>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>
                    <li>女装/内衣/家具 ></li>

                </ul>
            </div>
            <div class="zhuti-contertop">
                <img src="./3.jpg" alt="">
                <img src="./4.webp" alt="">
                <img src="./5.png" alt="">
            </div>
            <div class="zhuti-contertianmao">
                <ul>
                    <li class="nine"><img src="./9.png" alt=""></li>
                    <li class="lixiang">理想生活上天猫</li>
                    <li class="three_tive">3/5</li>
                    <li class="jinritemai">今日特卖</li>
                </ul>
            </div>
            <div class="zhuti-conterbottom">
                <div class="two">
                    <img class="six" src="./6.jpg" alt="">
                    <img class="seven" src="./7.jpg" alt="">
                    <img class="eight" src="./8.jpg" alt="">
                </div>
                <img class="ten" src="./10.png" alt="">
            </div>
            <div class="foot">
                <div class="foot-top">
                    <img src="./a.png" alt="">
                </div>
                <div class="foot-cont">
                    <ul>
                        <li><img src="./b.png" alt=""></li>
                        <li>Pure Cashmere 保暖针织帽</li>
                        <li class="foot-bcdef">这款针织帽风格休闲可爱，...</li>
                    </ul>
                    <ul>
                        <li><img src="./c.png" alt=""></li>
                        <li>二胎家庭都用这种床</li>
                        <li class="foot-bcdef">软床质量很好很高档，很喜...</li>
                    </ul>
                    <ul>
                        <li><img src="./d.png" alt=""></li>
                        <li>周大福 简约蛇骨链</li>
                        <li class="foot-bcdef">极简风格，雅致大气人人皆...</li>
                    </ul>
                    <ul>
                        <li><img src="./e.png" alt=""></li>
                        <li>凯蒂猫的新手机功能真多</li>
                        <li class="foot-bcdef">Hello，亲爱的小朋友们！...</li>
                    </ul>
                    <ul>
                        <li><img src="./d.png" alt=""></li>
                        <li>便捷2战术防身扇，户外防身</li>
                        <li class="foot-bcdef">钛扇的整体手感舒适，打扇...</li>
                    </ul>
                </div>
                <div class="foot-but">
                    <img src="./z.jpg" alt="">
                    <img src="./x.jpg" alt="">
                    <img src="./m.jpg" alt="">

                </div>
            </div>
        </div>
    </div>
</body>

</html>